
function listerHotels(data) {

    // Stop le carousel
    $(".carousel").carousel('pause');
    
    // Place les informations
    $(".breacrumb_active").text(premiereLettreMaj($(data).find("name_fr").text()));
    $(".page-header h3").text(premiereLettreMaj($(data).find("name_fr").text()));
    
    // Slideshow
    var numSlide = 0;
    var tmp = '<ol class="carousel-indicators">';

    $(data).find("images").find('image').each(function() {
        tmp += ('<li data-target="#details_carousel" data-slide-to="' + numSlide + '" ' + (numSlide === 0 ? "class='active'" : "") + '></li>');
        numSlide++;
    });
    
    numSlide = 0;
    
    tmp += '</ol><div class="carousel-inner">';
    $(data).find("images").find('image').each(function() {
        tmp += ('<div class="item ' + (numSlide === 0 ? 'active' : '') + '"><img src="' + $(this).text() + '"/></div>');
        numSlide++;
    });
    
    tmp += '</div><a class="left carousel-control" href="#details_carousel" data-slide="prev"><span style="color: white; font-size: 30px" class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="#details_carousel" data-slide="next"><span style="color: white; font-size: 30px" class="glyphicon glyphicon-chevron-right"></span></a>';
    
    // Avantages
    $(data).find("amenities").find('amenity').each(function() {
        $(".avantages").append("<div class='col-lg-2'><img title='" + $(this).text() + "' src='img/avantages/" + removeAccent($(this).text().replace(/ /g, "").toLowerCase()) + ".png'/><br/>"+$(this).text()+"</div>");
    });
    
    // Profils
    $(data).find("profiles").find('profile').each(function() {
        $(".profiles"). append("<div style='float: left; text-align: center; width: 130px; height: 150px'><img title='" + $(this).text() + "' src='img/profiles/" + removeAccent($(this).text().replace(/ /g, "").toLowerCase()) + ".png'/>"+$(this).text()+"</div>");
    });
    if($(data).find("profiles").find('profile').length === 0) {
        $(".profiles").append("Aucun profil précis n'est conseill&eacute;.");
    }
    
    // Moyens de paiements
    $(data).find("payments").find('payment').each(function() {
        $(".moyenPaiement").append("<div style='float: left; text-align: center; width: 130px; height: 150px'><img title='" + $(this).text() + "' src='img/moyens_paiement/" + removeAccent($(this).text().replace(/ /g, "").toLowerCase()) + ".png'/>"+$(this).text()+"</div>");
    });
    
    //Contact
    var contact = "<div>";
    
    $(data).find("address").each(function() {
        contact += $(this).find('address_line1').text()+" ";
        contact += $(this).find('address_line2').text()+" ";
        contact += $(this).find('address_line3').text()+"<br/>";
        contact += $(this).find('zip').text()+" ";
        contact += $(this).find('city').text()+"<br/><br/>";
    });
    
    $(data).find("phone").each(function() {
        contact += "Téléphone : " + $(this).text()+" <br/>";
    });
    
    $(data).find("fax").each(function() {
        contact += "Fax : " + $(this).text()+" <br/>";
    });
    
    $(data).find("email").each(function() {
        contact += "<a href='mailto:" + $(this).text()+"?Subject=Demande de contact'>Email</a><br/>";
    });
    
    $(data).find("website").each(function() {
        contact += "<a href='" + $(this).text()+"'>Site internet</a>";
    });
    
    contact += "</div>";
    
    $(".contact").append(contact);

    
    // Tarifs
    var chambre = "<div>";
    
    $(data).find("tariffs").find('tariff').each(function() {
        chambre += $(this).find('name').text();
        if($(this).find('min').text() == "0" && $(this).find('max').text() == "0"){
            chambre += " gratuit <br/>";
        }
        else if ($(this).find('min').text() == $(this).find('max').text()){
            chambre += $(this).find('min').text()+"€";
        }
        else {
            chambre += " entre " + $(this).find('min').text() + " et " + $(this).find('max').text() + "€<br/>";
        }
    });
    
    chambre += "</div>";
    $(".tarifs").append(chambre);
    
    // Langues parlees
    $(data).find("languages").find('language').each(function() {
        $(".languesparlees").append("<div style='float: left; text-align: center; width: 130px; height: 150px'><img title='" + $(this).text() + "' src='img/langues_parlees/" + removeAccent($(this).text().replace(/ /g, "").toLowerCase()) + ".png'/>"+$(this).text()+"</div>");
    });
    
    //Proximite
    var proche = "<div>";
    $(data).find("locations").find('location').each(function() {
        proche += "<li>" + $(this).text() + "</li>";
    });
    proche += "</br>";
    
    //Acces
    proche += "<div>Arrêts de bus à proximité :";
    $(data).find("stations").find('station').each(function() {
        proche += "<li>" + $(this).text() + "</li>";
    });
    proche += "</div>";
    $(".proximite").append(proche);
    
    //Options
    var options = "<div>";
    $(data).find("options").find('option').each(function() {
        options += "<li>" + $(this).text() + "</li>";
    });
    options += "<br/>";
    
    //categorie d'hotel
    options += "Catégorie d'hôtel :<br/>"
    $(data).find("categories").find('category').each(function() {
        options += "<li>" + $(this).text() + "</li>";
    });
    
    options += "</div>";
    $(".options").append(options);
    
    // Supprime toutes les notifications
    $(".notify-wrapper").hide();
    
    // Fin du d�tails
    $("#details_carousel").html(tmp);
    $("#details_carousel").addClass('carousel');
    $("#details_carousel").addClass('slide');

    $("#details_carousel").attr('data-ride', 'carousel');
    $('.carousel').carousel(0);
}

// On r�cup�re l'adresse
var id = location.search.substr(4);

// On r�cup�re les donn�es et on cherche notre hotels
recupDonneesDetaille(listerHotels, id);
